<template>
  <div class="view memberMain" :class="{'vipContent': $store.state.app.accountInfo && $store.state.app.accountInfo.level}">
    <div class="member">
      <div class="usertop2 flex memberTitle">
        <span>{{ $t('ndxStake.memberLv') }}</span>
        <span class="pl">{{ $t('ndxStake.stakeNdx') }}</span>
        <!-- <span class="pl">消耗/抵押NDX, 尊享会员特权！</span> -->
      </div>
      <div class="memberTop">
        <member-top :myStakeNdxALL="myStakeNdxALL" :selfStaked="selfStaked"/>
      </div>
      <div class="memberCenter">
        <level-descrip />
      </div>
    </div>
  </div>
</template>

<script>

import memberTop from './components/MemberTop';
import levelDescrip from './components/LevelDescrip';

export default {
  name: 'Member', // 会员中心
  data() {
    return {
    }
  },
  components: {
    memberTop,
    levelDescrip,
  },
  props: {
    myStakeNdxALL: Number,
    selfStaked: Number,
  },
  watch: {
  },
  created() {
  },
  mounted() {
    document.title = this.$t(`rout.${this.$route.meta.title}`);
  },
  methods: {
  },
}
</script>

<style scoped lang="scss">
@import '@/views/myWallet/user.scss';
@import '@/assets/css/variables.scss';

.memberMain {
}

.memberCenter {
  margin-top: 30px;
}

.memberTitle {
  span:nth-child(2) {
    font-size: 12px;
    color: #999;
  }
}

.member {
  min-height: 100px;
  padding: 20px 40px;
}

.memberTop {
}

.theme-1B1D27 {
  .memberTitle {
    span:nth-child(1) {
      color: rgba(255, 255, 255, 0.6);
    }
  }
}
</style>
